<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="software.css" rel="stylesheet" type="text/css" />
    <title>Document</title>
</head>
<style>

</style>

<body>
    <div class="softst-top">
        <div class="top-main">
            <div class="logo">
                <a href="#" id="logo">
                    <img src="http://www.mymrmao.com/images/logo.png" />
                </a>
            </div>
            <div class="nav">
                <ul style="float: left;">
                    <li id="menu1">
                        <div>
                            <a href="#" style="width: 130px;color: #000;">垃圾分类首页</a>
                        </div>
                    </li>

                    <li id="menu2" style="margin-left: 20px;">
                        <div>
                            <a href="#" style="color: #000;">资讯动态</a>
                        </div>
                    </li>
                    <li id="menu3">
                        <div>
                            <a href="#" style="color: #000;">硬件产品</a>
                        </div>
                        <div class="lm" style="padding-left: 0px ;">
                            <ul>
                                <li><a href="#" style="color: #000;">智能垃圾房</a></li>
                                <li><a href="#" style="color: #000;">智能分类亭</a></li>
                                <li><a href="#" style="color: #000;">智能回收站</a></li>
                                <li><a href="#" style="color: #000;">智能垃圾箱</a></li>

                                <li><a href="#" style="color: #000;">智能兑换机</a></li>
                            </ul>
                        </div>
                    </li>
                    <li id="menu4" class="current">
                        <div>
                            <a href="#" style="color: #000;">软件系统</a>
                        </div>
                        <div class="lm" style="display: none; left: 0px; top: 0px;padding-left: 0px ;">
                            <ul>
                                <li><a href="#" style="color: #000;">华展环境云</a></li>
                                <li><a href="#" style="color: #000;">数据中心</a></li>
                                <li><a href="#" style="color: #000;">猫先生APP</a></li>
                                <li><a href="#" style="color: #000;">猫回收APP</a></li>
                            </ul>
                        </div>
                    </li>
                    <li id="menu5">
                        <div>
                            <a href="#" style="color: #000;">运营方案</a>
                        </div>
                        <div class="lm" style="padding-left: 0px ;color: #000;">
                            <ul>
                                <li><a href="#" style="color: #000;">猫回收</a></li>
                                <li><a href="#" style="color: #000;">清运标准化</a></li>
                                <li><a href="#" style="color: #000;">分拣中心</a></li>
                                <li><a href="#" style="color: #000;">合作细则</a></li>
                            </ul>
                        </div>
                    </li>

                    <li id="menu6">
                        <div>
                            <a href="#" style="color: #000;">代理加盟</a>
                        </div>
                    </li>
                    <li id="menu7">
                        <div>
                            <a href="#" rel="nofollow" style="color: #000;">联系我们</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="bk-wall">
        <a href=""><img src="http://www.mymrmao.com/images/ban11.png" style="width: 100%;"></a>
    </div>
    <div class="huaZhan">
        <div class="huaZhan_left">
            <span id="huaZhan_ch">华展环境云</span><br />
            <em id="huaZhan_en"><b style="color:#1b85ff;">HUAZHAN</b> ENVIRONMENTAL CLOUD</em>
            <img title="华展环境云" src="http://www.mymrmao.com/images/cloud1.png" style="padding: 30px 0;line-height: 50px;" />
            <em style="font-size: 20px;float: left;line-height: 30px;">用网络+公有云的方式<br />让我们成为环境守护者</em></br>

        </div>
        <div class="huaZhan_right">
            <img src="http://www.mymrmao.com/images/cloud.png" width="750px">
        </div>
        <div style="float: left; padding-top:30px;height: 30px;margin-left: 50px;">
            <a href="#" target="_blank"><img src="http://www.mymrmao.com/images/more3.png" style="width: 110px;height: 30px;"></a>
        </div>
    </div>
    <div class="huaZhan_scd">
        <img src="http://www.mymrmao.com/images/cloud2.png" style="width: 100%;">
    </div>
    <div class="huaZhan_trd">
        <div class="trd_main">
            <div class="trd_title">
                高效、稳定的云产品服务
                <div class="line">

                </div>
            </div>
        </div>
        <div class="trd_show" style="padding: 50px 0 30px;height: auto;">
            <ul>
                <li style="margin: 20px 45px;border: 0;width: 250px;height: 220px;border-radius: 10px;"><img src="http://www.mymrmao.com/images/cloud9.png" width="100px" style="margin: 20px 0 0; height: 100px;"><br><span style="color:#1b85ff;">云服务平台</span><br><em style="margin-top: -10px;line-height: normal;">Cloud Service Platform</em></li>
                <li style="margin: 20px 45px;border: 0;width: 250px;height: 220px;border-radius: 10px;"><img src="http://www.mymrmao.com/images/cloud10.png" width="100px" style="margin: 20px 0 0;height: 100px;"><br><span style="color:#1b85ff;">BI数据系统</span><br><em style="margin-top: -10px;line-height: normal;">Business Intelligence<br> Data System</em></li>
                <li style="margin: 20px 45px;border: 0;width: 250px;height: 220px;border-radius: 10px;"><img src="http://www.mymrmao.com/images/cloud11.png" width="100px" style="margin: 20px 0 0;height: 100px;"><br><span style="color:#1b85ff;">移动端运维办公</span><br><em style="margin-top: -10px;line-height: normal;">Mobile Operation &amp;<br> Maintenance Office</em></li>
                <li style="margin: 20px 45px;border: 0;width: 250px;height: 220px;border-radius: 10px;"><img src="http://www.mymrmao.com/images/cloud12.png" width="100px" style="margin: 20px 0 0;height: 100px;"><br><span style="color:#1b85ff;">移动端回收</span><br><em style="margin-top: -10px;line-height: normal;">Mobile Recycle</em></li>
                <li style="margin: 20px 45px;border: 0;width: 250px;height: 220px;border-radius: 10px;"><img src="http://www.mymrmao.com/images/cloud13.png" width="100px" style="margin: 20px 0 0;height: 100px;"><br><span style="color:#1b85ff;">云存储数据</span><br><em style="margin-top: -10px;line-height: normal;">Cloud Storage Data</em></li>
                <li style="margin: 20px 45px;border: 0;width: 250px;height: 220px;border-radius: 10px;"><img src="http://www.mymrmao.com/images/cloud14.png" width="100px" style="margin: 20px 0 0;height: 100px;"><br><span style="color:#1b85ff;">API接口服务</span><br><em style="margin-top: -10px;line-height: normal;">API Interface Service</em></li>
            </ul>
        </div>
    </div>
    <div class="huaZhan_img1" style="height:675px; width:100%; background:url(http://www.mymrmao.com/images/cloud3.png) top center no-repeat;margin-top: 250px;"></div>
    <div class="huaZhan_img2" style="margin:-320px auto 0; text-align: center;"><img title="华展环境云" src="http://www.mymrmao.com/images/cloud4.png"></div>
    <div class="huaZhan_trd" style="margin-top: 50px;">
        <div class="trd_main">
            <div class="trd_title">
                服务亮点
                <div class="line">

                </div>
            </div>
        </div>
        <div class="trd_show" style="height: auto;">
            <ul style="padding: 0 90px; width: auto; margin-left: 150px;">
                <li style="margin: 20px;border-bottom: 18px solid #fff;border-top: 8px solid #1b85ff;height: 240px;border-radius: 10px;width: 215px;"><img src="http://www.mymrmao.com/images/cloud5.png" width="100" style="margin: 30px 0; height: 100px;"><br><em style="font-size: 18px; line-height:30px;">7X24小时<br>售后支持</em></li>
                <li style="margin: 20px;border-bottom: 18px solid #fff;border-top: 8px solid #1b85ff;height: 240px;border-radius: 10px;width: 215px;"><img src="http://www.mymrmao.com/images/cloud6.png" width="100" style="margin: 30px 0; height: 100px;"><br><em style="font-size: 18px; line-height:30px;">技术专家<br>一对一服务</em></li>
                <li style="margin: 20px;border-bottom: 18px solid #fff;border-top: 8px solid #1b85ff;height: 240px;border-radius: 10px;width: 215px;"><img src="http://www.mymrmao.com/images/cloud7.png" width="100" style="margin: 30px 0; height: 100px;"><br><em style="font-size: 18px; line-height:30px;">5MIN<br>极速响应</em></li>
                <li style="margin: 20px;border-bottom: 18px solid #fff;border-top: 8px solid #1b85ff;height: 240px;border-radius: 10px;width: 215px;"><img src="http://www.mymrmao.com/images/cloud8.png" width="100" style="margin: 30px 0; height: 100px;"><br><em style="font-size: 18px; line-height:30px;">免费<br>咨询服务</em></li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <div class="ft_main">
            <div class="ft_left">
                <div>
                    <img src="http://www.mymrmao.com/images/pic109.png" width="24" style="float: left;">
                    <img src="http://www.mymrmao.com/images/pic144.png" width="24" style="margin: 7.5rem -1.5rem; float: left;">
                </div>
                <div class="telwork">
                    <p>联系我们</p>
                    <strong>13991809967</strong>
                    <div>周一至周日：9:00-18:00</div>
                    <p style="padding-top: 20px;">合作邮箱</p>
                    <div>service@myhuazhan.com</div>

                </div>
                <div class="mailladdr">
                    <div class="address">
                        <div class="imgdiv">
                            <img src="http://www.mymrmao.com/images/pic110.png" width="24" style="float: left;">
                            <img src="http://www.mymrmao.com/images/pic111.png" width="24" style="margin: 7.5rem -1.5rem; float: left;">
                        </div>
                        <div class="addRight" style="width: 300px;">
                            <p>公司地址</p>
                            <div>江苏省南京市北纬国际中心B座3层</div>

                            <div class="address">江苏省宿迁市高新技术开发区开发大道101号</div>
                            <p style="padding-left: 30px;padding-top: 5px;">友情链接</p>
                            <a style="color: #e0e0e0;" href="#" rel="nofollow" target="_blank">华展股份官网</a>
                            <a style="color: #e0e0e0; padding: 0 10px;" href="#" rel="nofollow" target="_blank">华展候车亭</a>
                            <a style="color: #e0e0e0; padding-right: 15px;" href="#" target="_blank">垃圾分类服务商</a>
                            <a style="color: #e0e0e0;" href="#" target="_blank">智能垃圾分类</a>
                            <a style="color: #e0e0e0; padding: 0 10px;" href="#" rel="nofollow" target="_blank">中国环保网</a>
                            <a style="color: #e0e0e0;" href="#" rel="nofollow" target="_blank">江苏省生态环境厅</a>
                            <a style="color: #e0e0e0;" href="#" rel="nofollow" target="_blank">北极星环保网</a>
                            <a style="color: #e0e0e0; padding: 0 10px;" href="#" rel="nofollow" target="_blank">环卫科技网</a>
                            <a style="color: #e0e0e0; padding: 0 5px;" href="#" target="_blank">垃圾分类</a>

                        </div>
                    </div>
                </div>

            </div>
            <div class="ft_right">
                <div class="imgright">
                    <img src="http://www.mymrmao.com/images/ewm.jpg">
                    <div>微信公众号</div>
                </div>
                <div class="imgright">
                    <img src="http://www.mymrmao.com/images/weibo.png">
                    <div>新浪微博</div>
                </div>
                <div class="imgright">
                    <img src="http://www.mymrmao.com/images/app.png">
                    <div>手机APP下载</div>
                </div>
            </div>
        </div>
    </div>
    <div class="btm">
        <span>版权所有</span>
    </div>
</body>
<script type="text/javascript " src="jquery.1.8.3.min.js " charset="utf-8 "></script>
<script>
    $(function() {
        var originalCur = $(".nav li.current ");
        $(".nav li ").mousemove(function() {
            $(".nav li ").removeClass("current ");
            $(this).addClass("current ");
            $(this).children(".lm ").show().animate({
                left: 0,
                top: 62
            }, "fast ");
        });
        $(".nav li ").mouseleave(function() {
            $(this).removeClass("current ");
            $(this).children(".lm ").stop(true, true).animate({
                left: 0,
                top: 0
            }, 100, function() {
                $(this).hide();
            });
            originalCur.addClass("current ");
        });
    });
</script>

</html>